<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>

<div id="app">


</div>

</body>
</html>
<script>

    // 组件分两种， 全局组件，局部组件

//    Vue.component('my-component',{
//        template:"<p>小胖子没吃早餐</p>"
//    })//全局注册组件
    var child={template:'<p>小胖子没吃早餐</p>'}
    var child1={template:'<p>小瘦子没吃早餐</p>'}
    //实例化 Vue 根组件
    new Vue({
        el:'#app', //挂载点
        data:{     // 数据
            message:"hello world"
        },
        template:'<div><child></child><child1></child1></div>',//模板  注意：根组件的模板里 必须只有一个根元素
        components:{child:child,child1:child1}  //局部注册组件
    })








//
//    function person(a,b,c) {
//        console.log(this)
//        this.name=a;
//        this.age=b;
//        this.height=c;
//    }
//    person();
//
//    var person1=new  person("小胖子",8,160);


</script>